<!--
 * @company : 版权所属 四川北星惯牌科技有限公司
 * @contact : 刘经理 19326416371
 -->
<template>
	<view class="fans-list">
		<view class="fans-item flex-row-center" v-for="num in 12" :key="num">
			<view class="item-left flex-row-center">
				<image src="../../static/logo.png" class="ava" mode="aspectFill"></image>
				<text class="name">一号粉丝的粉丝阿跨境电商</text>
			</view>
			<text class="time">2024-12-21</text>
		</view>
		<view class="view-more">
			<up-loadmore :status="status" />
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	const status = ref('loading')
</script>

<style lang="scss" scoped>
	.fans-list {
		width: 100%;
		padding: 40rpx;
		box-sizing: border-box;
	}

	.fans-item {
		width: 100%;
		justify-content: space-between;
		&:not(:last-child){
			margin-bottom: 48rpx;
		}

		.ava {
			border-radius: 50%;
			width: 68rpx;
			height: 68rpx;
		}

		.name {
			width: 336rpx;
			font-weight: 500;
			font-size: 34rpx;
			color: #E1E1E2;
			margin-left: 18rpx;
			text-overflow: ellipsis;
			white-space: nowrap;
			lines: 1;
			overflow: hidden;
		}

		.time {
			font-weight: 500;
			font-size: 24rpx;
			color: rgba(255, 255, 255, 0.67);
			text-stroke: 0px #FFFFFF;
			-webkit-text-stroke: 0px #FFFFFF;
		}

	}
</style>